<template>
	<base-breadcrumb>
		<template>
			<div class="table-page-search-wrapper">
				<TitleName title="基本信息"></TitleName>
				<a-button type="primary">基本信息保存</a-button>
				<a-form>
					<a-row :gutter="24">
						<a-col :md="8" :sm="8">
							<a-form-item label="所属分公司" 
							:labelCol="{ lg: { span: 6 }, sm: { span: 6 } }" 
							:wrapperCol="{ lg: { span: 16 }, sm: { span: 16 } }">
								<a-select placeholder="请选择">
									<a-select-option value="0">是</a-select-option>
									<a-select-option value="1">否</a-select-option>
								</a-select>
							</a-form-item>
						</a-col>
						<a-col :md="8" :sm="8">
							<a-form-item label="所属项目" 
							:labelCol="{ lg: { span: 5 }, sm: { span: 5 } }" 
							:wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
								<a-select placeholder="请选择">
									<a-select-option value="0">是</a-select-option>
									<a-select-option value="1">否</a-select-option>
								</a-select>
							</a-form-item>
						</a-col>
						<a-col :md="8" :sm="8">
							<a-form-item label="名称" 
							:labelCol="{ lg: { span: 5 }, sm: { span: 5 } }" 
							:wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
								<BaseInput placeholder=""  />
							</a-form-item>
						</a-col>
						<a-col :md="8" :sm="8">
							<a-form-item label="填报人" 
							:labelCol="{ lg: { span: 5 }, sm: { span: 5 } }" 
							:wrapperCol="{ lg: { span: 18 }, sm: { span: 17 } }">
								<BaseInput  />
							</a-form-item>
						</a-col>
						<a-col :md="8" :sm="8">
							<a-form-item label="填报时间" 
							:labelCol="{ lg: { span: 5 }, sm: { span: 5 } }" 
							:wrapperCol="{ lg: { span: 18 }, sm: { span: 17 } }">
								<BaseInput  />
							</a-form-item>
						</a-col>
					</a-row>
				</a-form>
			</div>
		</template>
		<a-card>
			<div class="table-operator">
				<TitleName title="技术答辩情况"></TitleName>
				<a-button type="primary" @click="addTable">添加行</a-button>
			</div>
			<a-table 
			:data-source="dataSource" 
			:columns="columns" 
			bordered 
			:pagination="false"
			>
				<span slot="description" slot-scope="text">
					<ellipsis :length="8" tooltip>{{ text }}</ellipsis>
				</span>
				<!-- 操作 -->
				<span slot="operation" slot-scope="text, record">
					<template>
						<a @click="addEdit(record)">编辑</a>
						<a-divider type="vertical" />
						<a @click="discard(record)">删除</a>
					</template>
				</span>
			</a-table>
			<div>
					 <a-pagination
					      showSizeChanger
						  showQuickJumper
					      :total="this.totalPage"
					      @showSizeChange="onShowSizeChange"
						  @change="onChange"
					    />
			</div>
		</a-card>
		<!-- 弹框 -->
		<EditFrom
		:visible ="visible"
		@cancel="handleCancel"
		:model = "transmitList"
		@ok="handleOk"
		></EditFrom>
	</base-breadcrumb>
</template>

<script>
	import EditFrom from './EditFrom.vue'
	import TitleName from '@/components/TitleName/index.vue'
	const columns = [
		{
			title: '名称',
			dataIndex: 'projectName'
		},
		{
			title: '投标单位名称',
			dataIndex: 'projectTitle'
		},
		{
			title: '来源',
			dataIndex: 'optimization'
		},
		{
			title: '答辩人',
			dataIndex: 'branchCompanyRank'
		},
		{
			title: '答辩人联系方式',
			dataIndex: 'branchCompany'
		},
		{
			title: '答辩通过情况',
			dataIndex: 'fillingInTime'
		},
		{
			title: '备注',
			dataIndex: 'fillingInTime'
		},
		{
			title: '关联WBS',
			dataIndex: 'fillingInTime'
		},
		{
			title: '操作',
			dataIndex: 'operation',
			width: '120px',
			scopedSlots: { customRender: 'operation' }
		}
	];
	export default{
		components:{
			TitleName,EditFrom
		},
		data(){
			this.columns = columns
			return{
				transmitList:'',
				visible:false
			}
		},
		methods:{
			handleOk(){
				this.visible=false
			},
			handleCancel(){
				this.visible=false
			},
			addTable(){
				this.visible=true
			}
		}
	}
</script>

<style>
</style>
